@charset "utf-8";

/* Written by Seok Kyun. Choi. (http://syaku.tistory.com) */

form {
  margin:0;
  padding:0;
  /*display : inline;*/
}

img { 
  border: 0; vertical-align:middle; 
  /* border:medium none; */
}

label { cursor:pointer; }

.fl { float:left !important; }
.fr { float:right !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }
.tl { text-align:left !important; }
.vt { vertical-align:top !important; }
.vm {  vertical-align:middle !important; }
.vb { vertical-align:text-bottom !important; }

.bold { font-weight:bold !important; }
.clear { 
  clear:both;
  display:block;
  float:none;
  font-size:0 !important;
  height:0;
  line-height:0 !important;
  margin:0 !important;
  overflow:hidden;
  padding:0 !important;
  width:100%;
}

.ws-nowrap { white-space:nowrap !important; }
.ws-normal { white-space:normal !important; }

.hide { display : none; }

/* Mouse icon */
.cs-move { cursor:move; }
.cs-pointer { cursor:pointer; }

/* ime */
.ime-kor { ime-mode:active; }
.ime-kor-not { ime-mode:disabled; }
.ime-en { ime-mode:inactive; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }

.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }

.w100p { width: 100%; }
.w99p { width: 99%; }
.w98p { width: 98%; }
.w95p { width: 95%; }
.w80p { width: 80%; }
.w70p { width: 70%; }
.w60p { width: 60%; }
.w50p { width: 50%; }
.w40p { width: 40%; }
.w30p { width: 30%; }
.w20p { width: 20%; }
.w10p { width: 10%; }

.h5 { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h35 { height:35px; }
.h40 { height:40px; }
.h45 { height:45px; }
.h50 { height:50px; }
.h100p { height:100%; }

/* 툴팁 */
.tooltip {
  outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  color: #000000;
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute; left: 1em; top: 2em; z-index: 99;
  margin-left: 0; width: 250px;
}
.tooltip:hover img {
  border: 0; margin: -10px 0 0 -55px;
  float: left; position: absolute;
}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
  display: block; padding: 0.2em 0 0.6em 0;
}

.tooltip .classic { padding: 0.8em 1em; }
.tooltip .custom { padding: 0.5em 0.8em 0.8em 2em; }
.tooltip .classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.tooltip .critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.tooltip .help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.tooltip .info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.tooltip .warning { background: #FFFFAA; border: 1px solid #FFAD33; }